{extend name="$index_style_layout" /}

<!--SEO相关-->
{block name="head_title"}{$info.title}{/block}
{block name="head_keword"}{$info.title} {:get_sort($info.fid)}  {:M('name')}{/block}
{block name="head_description"}{:get_word(del_html($info['content']),300)}{/block}
{block name="body_content"}
<link rel="stylesheet" type="text/css" href="__STATIC__/index/toutiao/guide.css">
<div class="BencandyHead">
	<div class="InBox">
		<dl>
			<dt>
				<ul>
					<ol>{qb:tag name="toutiaologo" type="image"}<a href="/"><img src="__STATIC__/index/toutiao/logo.png" width="104"></a>{/qb:tag}</ol>
					<li>
<a href='/' class="home">网站首页</a> -&gt; 

<!-- 频道 -->
<?php $array = config('system_dirname') ? modules_config(config('system_dirname')):''; if($array): $url=iurl(config('system_dirname').'/index/index'); ?>
<a href="<?php echo $url; ?>"><?php echo $array['name']; ?></a>
<?php endif; ?>
<!-- 栏目 -->
<?php $array=[];if($fid&&$_name=sort_config()[$fid]['name'])$array=empty($array=sort_get_father($fid))?[$fid=>$_name]:$array+[$fid=>$_name];foreach($array AS $key=>$name):$url=iurl(config('system_dirname').'/content/index',['fid'=>$key]); ?>
 -&gt; <a href="<?php echo $url; ?>"><?php echo $name; ?></a>
<?php endforeach; ?>
<!-- 自定义标题与链接 -->
<?php if($link_name!=''): $url=$link_url?$link_url:'#'; ?>
<a href="<?php echo $url; ?>"><?php echo $link_name; ?></a>
<?php endif; ?>
					</li>
				</ul>
			</dt>
			<dd>
				<div class="SearchBox1">
					<form method="get" action="{:urls('search/index/lists')}" onsubmit="return cksearch();" target="_blank">
						<div class="input"><input id="keyword_s" type="text" name="keyword" placeholder='请输入关键字'/></div>
						<div class="sub"><input name="button" type="submit" value="搜索"/></div>
					</form>
<script type="text/javascript">
<!--
function cksearch(){
	if ($('#keyword_s').val()==''){
		layer.alert("关键字不能为空");
		return false;
	}
}
//-->
</script> 
				</div>
			</dd>
		</dl>
	</div>
</div>
<link rel="stylesheet" type="text/css" href="__STATIC__/index/toutiao/bencandy.css">
<div class="MainContainer">
	<div class="LeftCont">
<div class="bshareBox">
		<div class="comment">{:fun('comment@total',$id)}</div>
<div class="bdsharebuttonbox">
<!--<a href="#" class="bds_more" data-cmd="more"></a>-->
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">Qzone</a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">微博</a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信">微信</a>
</div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
	</div>
	</div>
	<div class="CenterContainer">
<div class="Articletitle">{$info.title}</div>
		<div class="top_about">
			{:date("Y-m-d H:i:s",$info.create_time)}
			浏览:<span>{$info.view}</span>次
			【<a href="javascript:doZoomSize(18)">大</a> <a href="javascript:doZoomSize(14)">中</a> <a href="javascript:doZoomSize(12)">小</a>】
		</div>
		<div class="ArticleContent">{$info.content}</div>
		<div class="showpage">{$pages}</div>
				<!--自定义字段-->
		{qb:showpage field="picurl,title,content,myfid,price,description,keywords"}
       <div class="SideBox">
			<div class="tag"><span>{$rs.title}</span></div>
			<div class="cont">{$rs.value}</div>
		</div>
{/qb:showpage}
		<!--引用评论碎片-->
		{qb:comment name="commentpc01" rows='5' status="1"}
			{include file="content/comment_pc" /}
		{/qb:comment}
		<div class="ListArticBox">
		{qb:listpage name="news_list_page_listdata01" rows="10" order="list"}
{if ( count($rs['picurls'])>3 )}

<div class="ListArtic">
<div class="title"><a href="{$rs.url}">{$rs.title}</a></div>
<ul class="morpic"><a href="{$rs.url}">
{volist name="$rs.picurls" id="pic"}
				{if ($i<5)}
	<li><span><img src="{$pic}" style="max-width: 100%; max-height: 100%;"></span></li>
{/if}
			{/volist}
</a></ul>
<dl class="moreinfo"><dt><span class="tou"><a href="{$rs.user_url}" target="_blank"><img src="{$rs.user_icon}">{$rs.username}</a></span>浏览:<span>{$rs.view}</span>次 评论:<span>{:fun('comment@total',$rs['id'])}</span>条</dt><dd>{$rs.create_time|format_time}</dd></dl>
</div>
		
{elseif ( $rs['picurl']!='' ) /}
<div class="ListArtic">
<ul class="pic_word">
	<ol><a href="{$rs.url}"><span><img src="{$rs.picurl}" onmouseover="thisimg_over($(this))" onmouseout="thisimg_out($(this))"></span></a></ol>
	<li><div class="title"><a href="{$rs.url}">{$rs.title|get_word=60}</a></div>
<p>{$rs.content|get_word=200}</p>
<dl class="moreinfo"><dt><span class="tou"><a href="{$rs.user_url}" target="_blank"><img src="{$rs.user_icon}">{$rs.username}</a></span>浏览:<span>{$rs.view}</span>次 评论:<span>{:fun('comment@total',$rs['id'])}</span>条</dt><dd>{$rs.create_time|format_time}</dd></dl>
</li>
</ul>
</div>
{else /}
<div class="ListArtic">
<ul class="pic_word">
	<li><div class="title"><a href="{$rs.url}">{$rs.title|get_word=60}</a></div>
<p>{$rs.content|get_word=200}</p>
<dl class="moreinfo"><dt><span class="tou"><a href="{$rs.user_url}" target="_blank"><img src="{$rs.user_icon}">{$rs.username}</a></span>浏览:<span>{$rs.view}</span>次 评论:<span>{:fun('comment@total',$rs['id'])}</span>条</dt><dd>{$rs.create_time|format_time}</dd></dl>
</li>
</ul>
</div>
{/if}
{/qb:listpage}
		</div>
		<div class="ShowMoreArtic" style="display:none"><img src="__STATIC__/index/toutiao/timg.gif"><!--span onclick="ShowMoreArtic()">内容加载中</span--></div>
	</div>
<script type="text/javascript">
var Mpage = 1;
//显示更多
function ShowMoreList(){
	Mpage++;
	$.get('{qb:list_url name="news_list_page_listdata01" /}'+Mpage,function(res){
		if(res.code==0){
			if(res.data==''){
				layer.msg("已经显示完了！",{time:500});
			}else{
				$('.ListArticBox').append(res.data);
				scroll_get = true;  //这一行仅仅是匹配滚动显示更多.如果没使用滚动特效,可以删除
			}
		}else{
			layer.msg(res.msg,{time:2500});
		}
	});
}

//滚动显示更多
var scroll_get = true;	//做个标志,不要反反复复的加载
$(document).ready(function () {
	$(window).scroll(function () {
		if (scroll_get==true &&  (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {
			scroll_get = false;
			layer.msg('内容加截中,请稍候',{time:1000});
			ShowMoreList();
		}
	});
});

</script>
	<div class="RightCont">
		<div class="NewMenmbers">
			{include file="../cms/content/zuozhe" /}
		</div>
		<div class="HotArticBox">
			<div class="head">热门信息</div>
			<div class="cont cont1">
			{qb:tag name="toutiaohot" type="cms" rows="15"}
			<div class="title"><a href="{$rs.url}">{$rs.title}</a></div>
{/qb:tag}
			</div>
		</div>
		<div class="CopyRightBox">
			<div>Copyright@{$webdb[www_url]} all rights reserved <br><a href="http://beian.miit.gov.cn" target="_blank">{$webdb[miibeian_gov_cn]}</a></div>
    		<div>Powered by <a href="http://www.qibosoft.com" target="_blank">qibosoft {$qibosoft_Edition}</a> Code &copy; 2018 <a href="http://bbs.qibosoft.com/" target="_blank">qibosoft</a></div>{$webdb.copyright}
		</div>
	</div>
</div>
<script>
function doZoomSize(size){
	$('.ArticleContent').css({'font-size':size+'px'});
	if(size>16){
		$('.ArticleContent').css({'line-height':'35px'});
	}else if(size>13){
		$('.ArticleContent').css({'line-height':'25px'});
	}else{
		$('.ArticleContent').css({'line-height':'20px'});
	}
}
$(document).ready(function () {
	var rightBoxH=$('.MainContainer .RightCont').height();
	$(window).scroll(function () {
		var scroll_Height=$(window).scrollTop();
		if (scroll_Height > 50) {
			$(".MainContainer .LeftCont").css({'top':scroll_Height+'px'});
		}else{
			$(".MainContainer .LeftCont").css({'top':'0px'});
		}
		if(scroll_Height>rightBoxH){
			$('.HotArticBox').addClass('HotArticBox1');
			$(".HotArticBox").css({'top':scroll_Height+'px'});
		}else{
			$('.HotArticBox').removeClass('HotArticBox1');
		}
		if($('body').height()-scroll_Height<1300 && check_showMore==1){
			ShowMoreArtic();
		}
	});
});
$('.RightSideBox .cont ul ol a img').hover(
	function(){
		$(this).animate({"max-width":"120%","max-height":"120%"},100);
	},
	function(){
		$(this).animate({"max-width":"100%","max-height":"100%"},100);
	}
);
function thisimg_over(objs){
	objs.animate({"max-width":"120%","max-height":"120%"},100);
}
function thisimg_out(objs){
	objs.animate({"max-width":"100%","max-height":"100%"},100);
}
</script>
{/block}